<!-- 首页 -->
<template>
	<view class="home-wrap u-m-b-20">
		<!-- 空白页 -->
		<!-- #ifdef APP-PLUS -->
		<u-no-network @retry="init"></u-no-network>
		<!-- #endif -->
		<!-- <ljshop-empty v-if="!hasTemplate" tipText="正在加载">
		</ljshop-empty> -->
		<ljshopLoding v-if="isloading"></ljshopLoding>
		<view>
			<!-- 分类选项卡 -->
			<view class="content-box">
				<!-- #ifdef APP-PLUS || H5 -->
				<view v-if="tabindex == 0" @click.stop="onChangeModule(0)" class="backcol-weixin"
					:style="{'margin-top': '200rpx','background': `url(${homeModule[0].poster}) no-repeat`,'backgroundSize':'100%' }">
				<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<view @click.stop="onChangeModule(0)" v-if="tabindex == 0" class="backcol-weixin" :style="{'margin-top':
               `${phoneType == 'Xiaomi' ? '249rpx': '247rpx' }`,
               'background': `url(${homeModule[0].poster}) no-repeat`,
               'backgroundSize':'100%' }">
					<!-- #endif -->
						<view class="topBox" :style="onTopStyle">
							<view class="tabs">
								<view @click.stop="jump('/pages/activity/sign/index')"
									style="position: absolute;left: 30rpx"
									:style="{'color': topSColl < 50 ? '#fff' : '#000'}">
									<view class="sign" :style="{'color': topSColl < 50 ? '#fff' : '#666'}"
										style="width: 120rpx;height: 50rpx;margin-top: 20rpx">
										签到
									</view>
								</view>
								<view v-for="item,index in list" :key="index" style="margin-left: 20rpx"
									:class="{'tab-text': index == 0}" class="tab-texts"
									:style="topSColl < 50 ? `color:${homeModule[0].color}` : `color:${topColor2}`"
									@click.stop="changeTab(index)">
									{{item.name}}
								</view>
							</view>
							<!-- 顶部搜索 -->
							<view class="indexsearch" @click.stop="$Router.push('/pages/public/search')">
								{{homeModule[0].key || '搜索商品'}}
							</view>
						</view>
						<view class="tip-box" v-if="topList.length">
							
							<view class="tip" @click.stop="onChangeModule(1)">
								<view class="goods-box">
									<!-- <view class="title">{{topList[0].name}}</view> -->
									<view class="title">限量抢</view>
									<view class="subtitle">美食 吃货零食</view>
									<view class="info">
										<view class="price">￥{{topList[0].price}}元</view>
									</view>
								</view>
								<view class="img-box">
									<image :src="topList[0].img" mode="heightFix" style="border-radius: 10rpx;"></image>
								</view>
							</view>
							
							<view class="tip tip-two" @click.stop="onChangeModule(2)">
								<!-- <view class="goods-box">
									<view class="title">{{topList[1].name}}</view>
									<view class="info" style="font-size: 24rpx;margin-top: 10rpx;">
										69商城&nbsp;惊喜不断
									</view>
								</view> -->
								
								<view class="goods-box">
									<view class="title">正品保障</view>
									<view class="subtitle">爆款 限量抢购</view>
									<view class="info info2">
										<view class="price">爆款推荐</view>
									</view>
								</view>
								
								<view class="img-box">
									<image :src="topList[1].img" mode="heightFix" style="border-radius: 10rpx;"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="body" v-if="tabindex == 0">
						<shLiveNav :module="homeModule[3]"></shLiveNav>
						<shRushScoll></shRushScoll>
						<shNewCard></shNewCard>
						<sh-adv></sh-adv>
						<view class="" style="height: 10rpx;"></view>
						<shHotList ref="hotlist"></shHotList>
						<shLoginBox v-if="!isLogin" @loginsuccess="isLogin = true"></shLoginBox>
						<view class="prize" v-if="showPrize">
							<image class="close" @click.capture="showPrize = false"
								src="https://image.hzwltb69.com/app/date/2023/prizeClose.png"></image>
							<image @click.capture="goPrize" src="https://image.hzwltb69.com/app/date/2023/lotterys.gif"
								mode="widthFix"></image>
						</view>
						<shNavBar :select="0" :list="iconlist" :list2="iconlist2"></shNavBar>
					</view>
					<view v-if="tabindex == 1">
						<shSubStore ref="subStore" @onBack="onBack"></shSubStore>
					</view>
				</view>
				<view class="upward" v-if="isShow" @click="pullTop()"> <u-icon name="arrow-upward" color="#999"
						size="28"> </u-icon></view>
			</view>
		</view>
	</view>
</template>

<script>
	import shLiveNav from './components/sh-live-nav.vue'
	import shAdv from './components/sh-adv.vue'
	import shHotList from './components/sh-hot-goods-new.vue'
	import shSubStore from './components/sh-sub-store.vue'
	import shLoginBox from './components/sh-login-box.vue'
	import shNewCard from "./components/sh-new-card.vue";
	import shNavBar from "./components/sh-nav-bar.vue";
	import shRushScoll from "./components/rushscoll.vue";
	import ljshopLoding from "@/components/ljshop-loading/ljshop-loading.vue"
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	export default {
		components: {
			shHotList,
			shAdv,
			shLiveNav,
			shSubStore,
			shLoginBox,
			shNewCard,
			shNavBar,
			shRushScoll,
			ljshopLoding
		},
		data() {
			return {
				isShow: false,
				isRefresh: true,
				isConnected: true, //是否有网
				showPrivacy: false, //协议
				isScorll: false,
				hasTemplate: uni.getStorageSync("hasTemplate"),
				act_list: uni.getStorageSync("act_list"),
				activity_list: uni.getStorageSync("activity_list"),
				ad_list: uni.getStorageSync("ad_list"),
				// navigations_list: uni.getStorageSync("navigations_list"),
				mediaAdList: uni.getStorageSync("mediaAdList"),
				// media_ad: uni.getStorageSync("media_ad"),
				nianhuo: {},
				tanchu: {},
				tabindex: 0,
				backcolor: "#fff",
				showHuoDong: false,
				imgendstrEnd: "",
				isLogin: true,
				list: [{
						name: '商城'
					},
					{
						name: '订阅'
					}
				],
				tabheight: 0,
				topList: [],
				homeModule: [{
					topImg: ''
				}],
				topSColl: 0,
				topColor2: '#000',
				iconlist: [],
				iconlist2: [],
				// 显示抽奖
				// showPrize: false,
				showPrize: false,
				isloading: true,
				phoneType: '',
			};
		},
		created() {
			this.phoneType = uni.getSystemInfoSync().brand
		},
		computed: {
			// 头部模块数据
			headSwiperList() {
				if (this.homeTemplate?.length) {
					return this.homeTemplate[0]?.content?.list;
				}
			},
			// 分类选项卡数据
			categoryTabsData() {
				if (this.homeTemplate?.length) {
					return this.homeTemplate[this.homeTemplate.length - 1]?.content;
				}
			},
			// 顶部样式
			onTopStyle() {
				// #ifdef APP-PLUS || H5
				return `
			  background: ${ this.topSColl < 50 ? `url(${this.homeModule[0].topImg}) no-repeat`
            : 'rgba(248, 248, 248, 0.95)'};
			  color: ${ this.topSColl < 50 ? '#000' : '#fff'};
			  ${this.topSColl < 50 ? 'transition: background 0s;' : 'transition: background .2s;backdrop-filter: blur(10px);'}
			  `
				// #endif
				// #ifdef MP-WEIXIN
				return `
			  background: ${ this.topSColl < 50 ? `url(${this.homeModule[0].topImg}) no-repeat` : 'rgba(248, 248, 248, 0.96)'};
			  color: ${ this.topSColl < 50 ? '#000' : '#fff'};
			  ${this.topSColl < 50 ? 'transition: background 0s;' : 'transition: background .2s;backdrop-filter: blur(10px);'}
			  `
				// #endif
			},
		},
		onPullDownRefresh() {

			// this.getDistributor();
			this.init();
			// if (uni.getStorageSync("UId")) {
			// 	this.initCart();
			// }
		},
		onPageScroll(e) {
			this.isScorll = e.scrollTop > 100 ? true : false;
			this.topSColl = e.scrollTop
			if (e.scrollTop > 500) {
				this.isShow = true;
			} else {
				this.isShow = false;
			}
		},
		onShow() {
			this.isloading = true
			this.tabheight = uni.getSystemInfoSync().statusBarHeight
			if (uni.getStorageSync("opents") != 1 && uni.getStorageSync("opents") != 0) {
				uni.setStorageSync("opents", 1)
			}
			uni.getStorageSync("UId") ? this.isLogin = true : this.isLogin = false
			if (uni.getStorageSync("UId") && uni.getStorageSync("token")) {
				let token = uni.getStorageSync("token")
				if (token.length < 12) {
					let uid = uni.getStorageSync("UId")
					this.$http('user.getToken', {
						uid
					}).then(res => {
						uni.setStorageSync("token", res.data.token)
					})
				}
			}
			// let f1 = this.getDistributor()
			let f2 = this.init()
			// let f3 = this.getUserPrized()
			let f4 = this.getDetailmodules()
			Promise.all([f2, f4]).then((res) => {
				this.isloading = false
			}).catch(error => {
				console.log(error)
				this.isloading = false
			})
		},
		onHide() {},
		onLoad() {
			let that = this;
			// if (uni.getStorageSync("UId")) {
			// 	this.initCart();
			// }
			uni.showLoading({
				title: '加载中'
			})
			// #ifdef APP-PLUS
			// app隐私协议弹窗
			if (!plus.runtime.isAgreePrivacy()) {
				this.showPrivacy = true;
				this.showNoticeModal = false;
			}
			// #endif
			uni.hideTabBar()
		},
		onReachBottom() {
			if (this.tabindex == 0) {
				this.$refs.hotlist.page += 1
				this.$refs.hotlist.hasUserGet()
			} else {
				this.$refs.subStore.page += 1
				this.$refs.subStore.getList()
			}
		},
		methods: {
			goTip(e) {
				// this.jump('/pages/public/footprints')
				// this.$Router.push({
				// 	path: '/pages/goods/rushbuy/rushhome'
				// })
				uni.showToast({
					title: '敬请期待',
					icon: 'none'
				})
			},
			goPrize() {
				if (uni.getStorageSync('UId') > 0) {
					this.$Router.push({
						path: '/pages/tuandui/lottery'
					})
				} else {
					uni.showToast({
						title: '请登录后操作',
						icon: 'none'
					})
				}
				// this.jump('/pages/tuandui/lottery')
			},
			// 首页模块跳转
			onChangeModule(e) {
				console.log(this.homeModule[e])
				this.$Router.push({
					path: this.homeModule[e].path,
					query: {
						id: this.homeModule[e].themeFloorId,
						backgroundColor: this.homeModule[e].backgroundColor,
					}
				})
			},
			getDetailmodules() {
				this.$http('common.getDetailmodules', {
						flag: 'home'
					})
					.then(success => {
						this.homeModule = [
							JSON.parse(success.data[0].moduleContent),
							JSON.parse(success.data[1].moduleContent),
							JSON.parse(success.data[2].moduleContent),
							JSON.parse(success.data[3].moduleContent),
						]
						if (success.data[4].moduleContent.tab1) {
							const {
								tab1,
								tab2,
								tab3,
								tab4,
								tab5,
								tab6,
								tab7,
								tab8,
								tab9,
								tab10
							} = res[4];
							let iconObj = {
								tab1,
								tab2,
								tab3,
								tab4,
								tab5
							};
							let iconObj2 = {
								tab6,
								tab7,
								tab8,
								tab9,
								tab10
							};
							this.iconlist = Object.values(iconObj)
							this.iconlist2 = Object.values(iconObj2)
							uni.setStorageSync('homeModule', this.iconlist)
							uni.setStorageSync('homeModule2', this.iconlist2)
						} else {
							const getIconUrl = (index, isActive) =>
								`https://image.hzwltb69.com/app/date/2023/tabbar_${index}${isActive ? '1' : ''}.jpg`;
							const tabKeys = ['home', 'category', 'news', 'cart', 'personal'];
							const iconUrls = tabKeys.map((key, index) => getIconUrl(key, false));
							const iconUrls2 = tabKeys.map((key, index) => getIconUrl(key, true));
							this.iconlist = iconUrls
							this.iconlist2 = iconUrls2
							uni.setStorageSync('homeModule', this.iconlist);
							uni.setStorageSync('homeModule2', this.iconlist2);
						}
						resolve(success);
					}).catch(err => {
						// reject(err)
					})
			},
			// 获取首页活动模块&tabbar图标
			getHomeModule() {
				this.$http('goods.getHomeModule', {
						label: 'home'
					})
					.then(res => {
						this.homeModule = res
						if (res[4].tab1) {
							const {
								tab1,
								tab2,
								tab3,
								tab4,
								tab5,
								tab6,
								tab7,
								tab8,
								tab9,
								tab10
							} = res[4];
							let iconObj = {
								tab1,
								tab2,
								tab3,
								tab4,
								tab5
							};
							let iconObj2 = {
								tab6,
								tab7,
								tab8,
								tab9,
								tab10
							};
							this.iconlist = Object.values(iconObj)
							this.iconlist2 = Object.values(iconObj2)
							uni.setStorageSync('homeModule', this.iconlist)
							uni.setStorageSync('homeModule2', this.iconlist2)
						} else {
							const getIconUrl = (index, isActive) =>
								`https://image.hzwltb69.com/app/date/2023/tabbar_${index}${isActive ? '1' : ''}.jpg`;
							const tabKeys = ['home', 'category', 'news', 'cart', 'personal'];
							const iconUrls = tabKeys.map((key, index) => getIconUrl(key, false));
							const iconUrls2 = tabKeys.map((key, index) => getIconUrl(key, true));
							this.iconlist = iconUrls
							this.iconlist2 = iconUrls2
							uni.setStorageSync('homeModule', this.iconlist);
							uni.setStorageSync('homeModule2', this.iconlist2);
						}
					})
			},
			// 顶部切换
			changeTab(e) {
				uni.pageScrollTo({
					scrollTop: 0, //滚动到距离顶部为0
					duration: 0 //滚动时长
				})
				this.tabindex = e
			},
			onBack() {
				this.tabindex = 0
			},
			pullTop() {
				uni.pageScrollTo({
					scrollTop: 0, //滚动到距离顶部为0
					duration: 500 //滚动时长
				})
			},
			init() {
				let that = this;
				that.$http(
					'common.indexnew',
				).then(res => {
					if (res.code == 1) {
						that.act_list = res.data.data.act_list
						that.activity_list = res.data.data.activity_list;
						that.topList = res.data.top_list
						if (res.shareImage) {
							uni.setStorageSync("shareImage", res.data.shareImage)
						}
						let adlist = []
						if (res.data.data.ad_list.length > 0) {
							for (let i = 0; i < res.data.data.ad_list.length; i++) {
								if (!res.data.data.ad_list[i].hide) {
									adlist.push(res.data.data.ad_list[i])
								}
							}
						}
						that.ad_list = adlist
						if (res.data.data.mid_list.length > 0) {
							that.nianhuo = res.data.data.mid_list[0]
						}
						// ————后台显示活动图片判断————
						if (res.data.data.tc_list.length > 0) {
							that.tanchu = res.data.data.tc_list[0]
							let imgend = that.tanchu.path.split("-");

							let imgendstr = imgend[imgend.length - 1];
							imgend = imgendstr.split(".");
							imgendstr = imgend[imgend.length - 2]
							this.imgendstrEnd = imgendstr
							if (!uni.getStorageSync(imgendstr) > 0) {
								this.showHuoDong = true
							}

						}
						// that.navigations_list = res.data.navigations_list
						// that.media_ad = res.data.media_ad
						uni.setStorageSync("act_list", that.act_list)
						uni.setStorageSync("activity_list", that.activity_list)
						uni.setStorageSync("ad_list", that.ad_list)
						// uni.setStorageSync("navigations_list", that.navigations_list)
						// uni.setStorageSync("media_ad", that.media_ad)
						uni.setStorageSync("hasTemplate", that.hasTemplate)
					}
					resolve(res);
				}).catch(err => {
					// reject(err);
				});
				uni.stopPullDownRefresh();
				this.isRefresh = true;
			},
			// 为你推荐切换
			changeCurrent() {
				this.tabindex = 1
			},
			// initCart() {
			// 	let that = this;
			// 	that.$http(
			// 		'common.initcart', {
			// 			UId: uni.getStorageSync("UId")
			// 		},
			// 	).then(res => {
			// 		if (res.code === 1 && res.count > 0) {
			// 			uni.setStorageSync("cartCount", res.count)
			// 			uni.setTabBarBadge({
			// 				index: 3,
			// 				text: String(res.count)
			// 			})
			// 		} else {
			// 			uni.removeTabBarBadge({
			// 				index: 3
			// 			})
			// 		}
			// 	});
			// 	uni.stopPullDownRefresh();
			// 	this.isRefresh = true;

			// },
			onClickItem(e) {
				if (this.current !== e.currentIndex) {
					this.current = e.currentIndex
				}
			},
			styleChange(e) {
				if (this.styleType !== e.detail.value) {
					this.styleType = e.detail.value
				}
			},
			select(index) {
				this.tabindex = index
			},
			jump(path, query) {
				if (uni.getStorageSync("UId") > 0) {
					this.$Router.push({
						path: path,
						query: query
					});
				} else {
					// #ifdef MP-WEIXIN
					uni.showToast({
						title: '请登录后操作',
						icon: 'none'
					});
					// #endif
					// #ifdef APP-PLUS
					uni.navigateTo({
						url: "/subunimodules/uni-id-pages/pages/login/login-withoutpwd?type=" + this.loginType
					})
					// #endif
				}
			},
			// getDistributor() {
			// 	// if (uni.getStorageSync("UId") > 0) {

			// 	// 	this.$http(
			// 	// 		'common.getDistributor', {
			// 	// 			UId: uni.getStorageSync("UId")
			// 	// 		}
			// 	// 	).then(res => {

			// 	// 		if (res.code === 1) {
			// 	// 			this.isShowDy = true
			// 	// 		}
			// 	// 		resolve(res);
			// 	// 	}).catch(err=>{
			// 	// 		// reject(err)
			// 	// 	});
			// 	// 	uni.stopPullDownRefresh();
			// 	// 	this.isRefresh = true;
			// 	// }
			// },
			// 控制抽奖弹窗
			// getUserPrized() {
			// 	if (!uni.getStorageSync('UId')) return
			// 	this.$http('coupons.getUserPrized', {
			// 			UId: uni.getStorageSync('UId')
			// 		})
			// 		.then(res => {
			// 			// 未领取状态
			// 			if (!res.isPrize) {
			// 				// this.$refs.prize.showPoster = true
			// 				this.$http('coupons.getAllowPrize', {
			// 						UId: uni.getStorageSync('UId')
			// 					})
			// 					.then(res => {
			// 					})
			// 			}
			// 			resolve(res);
			// 		}).catch(err=>{
			// 			// reject(err)
			// 		})
			// },
			connectRy() {

				//判断是否连接，连接了直接获取聊天列表
				if (this.ryGlobalData.ryStatus.status !== 99) {
					var im = this.ryGlobalData.ryStatus.RongIMLib
					let _t = this

				}

				let that = this;
				let token = ""
				//uni.showLoading({})
				that.$http(
					'common.rongyun', {
						memberId: uni.getStorageSync("UId"),
						refresh: false
					},
				).then(res => {

					if (res.code == 200) {
						token = res.token;
						this.ryConnet(token)
					}
				});
				//this.ryConnet()		 
			},
			ryConnet(token) { // 连接
				var im = this.ryGlobalData.ryStatus.RongIMLib

				let _t = this
				//token，去找后台要，不给就锤他
				let ry_token = token
				//let ry_token="hwqrppVQNicng1peuiTz9JGeaCBDOoa2MKx0svgqBPA=@dxbv.cn.rongnav.com;dxbv.cn.rongcfg.com"
				im.connect(token).then((user) => {
					//获取未读消息
					_t.getMsgCount()
				}).catch(function(error) {

				});
			},
			getMsgCount() {
				let _t = this
				const RongIMLib = this.ryGlobalData.ryStatus.RongIMLib



				const includeMuted = false
				const conversationTypes = [RongIMLib.ConversationType.PRIVATE]
				RongIMLib.getTotalUnreadCount(includeMuted, conversationTypes).then(res => {
					if (res.code === 0) {

						if (res.data > 0) {
							if (res.data < 100) {
								uni.setStorageSync("UnreadCount", res.data)
							} else {
								uni.setStorageSync("UnreadCount", "99")
							}
							uni.setTabBarBadge({
								index: 2,
								text: res.data < 100 ? String(res.data) : "99"
							})
						} else {
							uni.removeTabBarBadge({
								index: 2
							})
						}
					} else {}
				}).catch(error => {
					console.log(error)
				})
			}
		}
	};
</script>

<style lang="scss">
	// .backcol {
	// 	// background: linear-gradient(to bottom,#9abef8,#c3d9fe);
	// }
	.text {
		margin: 10rpx 10rpx;
		// background-color: #ebebeb;
		height: 50rpx;
		line-height: 50rpx;
		// text-align: center;
		font-size: 24rpx;
	}

	.body {
		position: relative;
		top: 0;
	}

	// 新顶部
	.backcol-weixin {
		width: 100%;
		height: 530rpx;
		background-size: 100% !important;
		position: relative;

		.topBox {
			//background: red;
			background-size: 100% !important;
			position: fixed;
			width: 100%;
			// height: 250rpx;
			top: 0;
			z-index: 999;
			padding-top: var(--status-bar-height);
			/*  #ifdef APP-PLUS || H5 */
			background-position: 0 -50rpx !important;
			/*  #endif  */
			/*  #ifdef MP-WEIXIN */
			background-position: 0 0 !important;
			/*  #endif  */
		}

		.tabs {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 130rpx;
			color: #fff;
			font-size: 29rpx;
			padding-top: 25rpx;
		}

		.tab-text {
			position: relative;
			font-size: 40rpx !important;
			font-weight: 600 !important;
		}

		.tab-texts {
			font-size: 35rpx;
		}

		.tab-text::after {
			content: '';
			width: 40rpx;
			height: 5rpx;
			//background: #fff;
			position: absolute;
			border-radius: 20rpx;
			bottom: -10rpx;
			left: 50%;
			background: #f86c1d;
			transform: translateX(-50%);
		}

		.indexsearch {
			width: 94%;
			height: 60rpx;
			margin-left: 3%;
			background-color: #e8eef4;
			border-radius: 30rpx;
			color: #636a70;
			display: flex;
			justify-content: center;
			align-items: center;

			margin-bottom: 15rpx;
		}

		.tip-box {
			position: absolute;
			bottom: 0;
			left: 18rpx;
			width: 714rpx;
			height: 158rpx;
			//background: red;
			display: flex;

			.tip {
				width: 360rpx;
				height: 158rpx;
				opacity: 0.95;
				color: rgba(80, 80, 80, 1);
				background: url('https://zh69xx.oss-cn-beijing.aliyuncs.com/app/date/2023/index/tip-bg1.png') no-repeat;
				border-radius: 12rpx;
				text-align: center;
				display: flex;
				justify-content: space-around;
				align-items: center;
				position: relative;
				padding-left: 10rpx;

				.img-box {
					width: 146rpx;
					height: 136rpx;
					image {
						width: 100%;
						height: 100%;
					}
				}

				.goods-box {
					display: flex;
					flex-direction: column;
					.title {
						width: 170rpx;
						height: 42rpx;
						line-height: 42rpx;
						color: #1d1d1d;
						font-size: 28rpx;
						font-weight: 600;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						text-align: left;
					}
					.subtitle{
						line-height: 36rpx;
						color: #505050;
						font-size: 22rpx;
						text-align: left;
					}

					.info {
						width: 148rpx;
						height: 38rpx;
						line-height: 38rpx;
						color: #ffffff;
						background-color: rgba(243, 93, 58, 1);
						border-radius: 32rpx;
						font-size: 22rpx;
						text-align: center;
						margin-top: 10rpx;

						// .icons {
						// 	font-size: 20rpx;
						// }

						// .price {
						// 	font-size: 27rpx;
						// 	position: relative;
						// }

						// .price::after {
						// 	content: '元';
						// 	font-size: 22rpx;
						// 	position: absolute;
						// 	width: 20rpx;
						// 	height: 20rpx;
						// 	top: 4rpx;
						// 	right: -25rpx;
						// }
					}
					.info2{
						width: 128rpx;
						background-color: rgba(204, 136, 83, 1);
					}
				}
			}

			.tip-two {
				margin-left: 10rpx;
				background: url('https://zh69xx.oss-cn-beijing.aliyuncs.com/app/date/2023/index/tip-bg2.png') no-repeat;
			}

			.tip-more {
				width: 49rpx;
				height: 121rpx;
				left: 343rpx;
				top: 224rpx;
				opacity: 0.7;
				color: #4d4d4d;
				background-color: rgba(255, 255, 255, 1);
				border-radius: 7rpx;
				font-size: 24rpx;
				line-height: 150%;
				text-align: center;
				padding-top: 25rpx;

			}
		}
	}

	.texttitle {
		margin: 10rpx 10rpx;
		/* #ifdef APP-PLUS || H5 || APP-NVUE */
		margin-left: 60rpx !important;
		/* #endif */
		background-color: #ebebeb;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;

	}


	.example-body {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		padding: 0;
	}

	.uni-common-mt {
		margin-top: 30px;
	}

	.uni-padding-wrap {
		// width: 750rpx;
		padding: 0px 30px;
	}

	.content {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		justify-content: center;
		align-items: center;
		height: 150px;
		text-align: center;
	}

	.content-text {
		font-size: 14px;
		color: #666;
	}

	.color-tag {
		width: 25px;
		height: 25px;
	}

	.uni-list {
		flex: 1;
	}

	.uni-list-item {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex: 1;
		flex-direction: row;
		background-color: #FFFFFF;
	}


	.uni-list-item__container {
		padding: 12px 15px;
		width: 100%;
		flex: 1;
		position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		box-sizing: border-box;
		/* #endif */
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #eee;
	}

	.uni-list-item__content-title {
		font-size: 14px;
	}

	.titleback {
		font-size: 34rpx;
		width: 114%;
		color: #fff;
		border-radius: 50rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center
	}

	::v-deep .uv-tabs__wrapper__nav {
		z-index: 999999;
	}

	::v-deep .uv-tabs__wrapper__nav__line {
		background: #FFFFFF !important;
	}

	.prize {
		position: fixed;
		bottom: 25%;
		right: 10rpx;
		width: 150rpx;
		height: 150rpx;
		z-index: 10;

		.close {
			position: absolute;
			top: 0;
			right: 0;
			width: 40rpx;
			height: 40rpx;
			z-index: 10
		}
	}


	.jkj {
		width: 130rpx;
		height: 30rpx;
		line-height: 30rpx;
		background-color: #ffc300;
		position: absolute;
		right: 0;
		top: 0;
		color: #fff;
		font-size: 20rpx;
		border-radius: 0 5rpx 0 5rpx;
	}

	.brd {
		background-color: #2a82e4;
	}

	.sign {
		background: url('https://image.hzwltb69.com/app/date/2023/signB.png') no-repeat;
		background-size: 100%;
		text-align: right;
		padding-right: 12rpx;
		padding-top: 8rpx;
		font-size: 26rpx;
	}
</style>